<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="rest.css">
    <link rel="stylesheet" href="index-head.css">
    <link rel="stylesheet" href="index-nav.css">
    <link rel="stylesheet" href="index-ad.css">
    <link rel="stylesheet" href="index-phone.css">
    <style>
        .bgc-color-f5 {
            width: 100%;
            height: 10000px;
            background-color: #f5f5f5;
        }
    </style>

</head>

<body>
    <!-- 网站导航 -->
    <div class="site-nav">
        <!-- 导航列表 -->
        <div class="site-nav-c">
            <ul class="nav-list">
                <li class="nav-list-iteam">
                    <a href="#" class="link-iteam">小米官网</a>
                </li>
                <li class="line">|</li>
                <li class="nav-list-iteam">
                    <a href="#" class="link-iteam">小米官网</a>
                </li>
                <li class="line">|</li>
                <li class="nav-list-iteam">
                    <a href="#" class="link-iteam">小米官网</a>
                </li>
                <li class="line">|</li>
                <li class="nav-list-iteam">
                    <a href="#" class="link-iteam">小米官网</a>
                </li>
                <li class="line">|</li>
                <li class="nav-list-iteam">
                    <a href="#" class="link-iteam">小米官网</a>
                </li>
                <li class="line">|</li>
                <li class="nav-list-iteam">
                    <a href="#" class="link-iteam">小米官网</a>
                </li>
                <li class="line">|</li>
                <li class="nav-list-iteam">
                    <a href="#" class="link-iteam">小米官网</a>
                </li>
                <li class="line">|</li>
                <li class="nav-list-iteam">
                    <a href="#" class="link-iteam">小米官网</a>
                </li>
            </ul>
            <!-- 网站导航右侧服务 -->
            <div class="nav-serve">
                <ul class="serve-list">
                    <li class="sreve-list-iteam">
                        <a href="#" class="link-iteam">登录</a>
                    </li>
                    <li class="sreve-list-iteam">
                        <a href="#" class="link-iteam">注册</a>
                    </li>
                    <li class="sreve-list-iteam">
                        <a href="#" class="link-iteam">消息通知</a>
                    </li>
                </ul>
                <!-- 网站导航右侧购物车 -->
                <div class="nav-serve-cart">
                    <a class="link-serce-cart" href="#">
                        购物车(0)
                    </a>
                    <div class="cart-list"></div>

                </div>

            </div>
        </div>

    </div>
    <!-- 中间导航部分 -->
    <div class="banner-nav">
        <!-- 导航栏 -->
        <div class="nav-head">
            <!-- 左上角logo图标 -->
            <a class="nav-logo" href="https://www.mi.com/">
                <img class="logo-img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi.com-assets/shop/img/logo-mi2.png"
                    alt="">
            </a>
            <!-- 导航中心 -->
            <ul class="nav-c">
                <li class="c-list">
                    <a href="#" class="list-iteam">小米手机</a>
                </li>
            </ul>
            <li class="c-list">
                <a href="#" class="list-iteam">红米手机</a>
            </li>
            </ul>
            <li class="c-list">
                <a href="#" class="list-iteam">电视</a>
            </li>
            <li class="c-list">
                <a href="#" class="list-iteam">笔记本</a>
            </li>
            <li class="c-list">
                <a href="#" class="list-iteam">平板</a>
            </li>
            <li class="c-list">
                <a href="#" class="list-iteam">家电</a>
            </li>
            <li class="c-list">
                <a href="#" class="list-iteam">路由器</a>
            </li>
            <li class="c-list">
                <a href="#" class="list-iteam">服务中心</a>
            </li>
            <li class="c-list">
                <a href="#" class="list-iteam">社区</a>
            </li>
            </ul>

            <div class="nave-search">
                <input class="search-box" type="text">
                <input class="search-bton" type="button" value="">
            </div>

        </div>

        <!-- 中间巨幕banner部分 -->
        <div class="banner">
            <!-- banner左侧分类 -->
            <ul class="banner-category">
                <!-- banner列表 -->
                <li class="category-list category-list-01">
                    <a href="#" class="link-list-iteam">
                        手机
                        <span class="link-list-arr">&gt;</span>
                    </a>
                </li>
                <li class="category-list">
                    <a href="#" class="link-list-iteam">
                        电视
                        <span class="link-list-arr">&gt;</span>
                    </a>
                </li>
                <li class="category-list">
                    <a href="#" class="link-list-iteam">
                        家电
                        <span class="link-list-arr">&gt;</span>
                    </a>
                </li>
                <li class="category-list">
                    <a href="#" class="link-list-iteam">
                        笔记本 平板
                        <span class="link-list-arr">&gt;</span>
                    </a>
                </li>
                <li class="category-list">
                    <a href="#" class="link-list-iteam">
                        出行 穿戴
                        <span class="link-list-arr">&gt;</span>
                    </a>
                </li>
                <li class="category-list">
                    <a href="#" class="link-list-iteam">
                        耳机 音箱
                        <span class="link-list-arr">&gt;</span>
                    </a>
                </li>
                <li class="category-list">
                    <a href="#" class="link-list-iteam">
                        健康 儿童
                        <span class="link-list-arr">&gt;</span>
                    </a>
                </li>
                <li class="category-list">
                    <a href="#" class="link-list-iteam">
                        生活 箱包
                        <span class="link-list-arr">&gt;</span>
                    </a>
                </li>
                <li class="category-list">
                    <a href="#" class="link-list-iteam">
                        智能 路由器
                        <span class="link-list-arr">&gt;</span>
                    </a>
                </li>
                <li class="category-list">
                    <a href="#" class="link-list-iteam">
                        电源 配件
                        <span class="link-list-arr">&gt;</span>
                    </a>
                </li>
            </ul>

            <!-- 右侧巨幕部分 -->
            <div class="banner-right">
                <!-- 箭头 -->
                <div class="arr-banner-right">
                    <a class="left-arr" href="https://www.mi.com/shop" target="_self"></a>
                    <a class="right-arr" href="https://www.mi.com/shop" target="_blank"></a>
                </div>
                <!-- 右下角小点 -->
                <ul class="banner-right-dot">
                    <li class="dot-list"></li>
                    <li class="dot-list"></li>
                    <li class="dot-list"></li>
                    <li class="dot-list"></li>
                    <li class="dot-list"></li>
                    <li class="dot-list"></li>
                    <li class="dot-list"></li>
                </ul>
            </div>


        </div>


        <!-- 下部售后服务及旗舰手机推荐 -->
        <div class="banner-serves">
            <ul class="banner-afterserves">
                <li class="afterserves-list">
                    <a href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"
                        class="link-afterserves">
                        <img class="afterserves-logo"
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"
                            alt="">
                        保障服务
                    </a>
                </li>
                <li class="afterserves-list">
                    <a href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"
                        class="link-afterserves">
                        <img class="afterserves-logo"
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/806f2dfb2d27978e33fe3815d3851fa3.png?w=48&h=48"
                            alt="">
                        企业团购
                    </a>
                </li>
                <li class="afterserves-list">
                    <a href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"
                        class="link-afterserves">
                        <img class="afterserves-logo"
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/eded6fa3b897a058163e2485532c4f10.png?w=48&h=48"
                            alt="">
                        F码通道
                    </a>
                </li>
                <li class="afterserves-list">
                    <a href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"
                        class="link-afterserves">
                        <img class="afterserves-logo"
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/43a3195efa6a3cc7662efed8e7abe8bf.png?w=48&h=48"
                            alt="">
                        米粉卡
                    </a>
                </li>
                <li class="afterserves-list">
                    <a href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"
                        class="link-afterserves">
                        <img class="afterserves-logo"
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f4846bca6010a0deb9f85464409862af.png?w=48&h=48"
                            alt="">
                        以旧换新
                    </a>
                </li>
                <li class="afterserves-list">
                    <a href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"
                        class="link-afterserves">
                        <img class="afterserves-logo"
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9a76d7636b08e0988efb4fc384ae497b.png?w=48&h=48"
                            alt="">
                        话费充值
                    </a>
                </li>
            </ul>
            <!-- 旗舰手机推荐 -->
            <div class="superphone-area">
                <ul class="banner-superphone">
                    <li class="superphone-list">
                        <a href="#" class="link-superphone">
                            <img class="img-superphone"
                                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0cf5e958bc88727b50c5c5fba7a8f47a.jpg?w=632&h=340"
                                alt="">
                        </a>
                    </li>
                    <li class="superphone-list">
                        <a href="#" class="link-superphone">
                            <img class="img-superphone"
                                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6dd2f3e0de4e6cbba98fd3799cfa5bf7.jpg?w=632&h=340"
                                alt="">
                        </a>
                    </li>
                    <li class="superphone-list">
                        <a href="#" class="link-superphone">
                            <img class="img-superphone"
                                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d7d4be1a9e701e16de498f89b1865867.jpg?w=632&h=340"
                                alt="">
                        </a>
                    </li>
                </ul>
            </div>
        </div>

    </div>
    <div class="bgc-color-f5">
        <!-- 广告部分 -->
        <div class="ad">
            <a class="link-ad" href="https://www.mi.com/a/h/28364.html?sign=65136d6ba1e784e4c98a5e6e50ff82d0">
                <img class="img-ad"
                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0e9ef2e2599559a625a07becb510fe31.jpg?thumb=1&w=766&h=75&f=webp&q=90"
                    alt="">
            </a>
        </div>
        <!-- 商品展示区 -->
        <div class="product-presentation">
            <!-- 手机展示区 -->
            <div class="phone-presentation">
                <!-- 手机导航栏 -->
                <div class="phone-top-nav">
                    <h2 class="phone">手机</h2>
                    <a class="link-phonemore" href="#">
                        查看更多
                    </a>
                </div>
                <!-- 手机下部展示 -->
                <div class="phone-bottom-presentation">
                    <!-- 左侧手机展示 -->
                    <div class="phone-presentation-left">
                        <a class="K60fhone-presentation" href="https://www.mi.com/shop/buy?product_id=18075">

                            <img class="img-K60phone"
                                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d91bb6cf7da0947e8a6e50e03f4daf06.jpg?thumb=1&w=234&h=614&f=webp&q=90"
                                alt="">
                        </a>
                    </div>
                    <!-- 右侧手机展示 -->
                    <div class="phone-presentation-right">
                        <ul class="ul-phone-right">
                            <li class="phone-iteam">
                                <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075">
                                    <img class="img-phone-right"
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=100&h=100&f=webp&q=90"
                                        alt="">
                                    <p class="phone-name">Redmi K60</p>
                                    <p class="phone-desc">骁龙8+｜2K 高光直屏｜5500mAh+67W闪充</p>
                                    <p class="phone-price">2499元起</p>
                                </a>
                            </li>
                            <li class="phone-iteam">
                                <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18077">
                                    <img class="img-phone-right"
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f37dd30477e7ba040c7fb69c31ad8bf3.png?thumb=1&w=125&h=125&f=webp&q=90"
                                        alt="">
                                    <p class="phone-name">Redmi K60</p>
                                    <p class="phone-desc">骁龙8+｜2K 高光直屏｜5500mAh+67W闪充</p>
                                    <p class="phone-price">3299元起</p>
                                </a>
                            </li>
                            <li class="phone-iteam">
                                <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075">
                                    <img class="img-phone-right"
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212251443_29b17941a7365948446bd193011d9241.png?thumb=1&w=125&h=125&f=webp&q=90"
                                        alt="">
                                    <p class="phone-name">Redmi K60</p>
                                    <p class="phone-desc">骁龙8+｜2K 高光直屏｜5500mAh+67W闪充</p>
                                    <p class="phone-price">1699元起</p>
                                </a>
                            </li>
                            <li class="phone-iteam">
                                <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075">
                                    <img class="img-phone-right"
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202211292351_92aba2c69123166a74ba2e2b525b1ae2.png?thumb=1&w=125&h=125&f=webp&q=90"
                                        alt="">
                                    <p class="phone-name">Redmi K60</p>
                                    <p class="phone-desc">骁龙8+｜2K 高光直屏｜5500mAh+67W闪充</p>
                                    <p class="phone-price">4999元起</p>
                                </a>
                            </li>
                            <!-- 第二排展示手机 -->
                            <li class="phone-iteam phone-iteam-buttom">
                                <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075">
                                    <img class="img-phone-right"
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/aa047170a22d9f0852254aa36df5f5f0.png?thumb=1&w=125&h=125&f=webp&q=90"
                                        alt="">
                                    <p class="phone-name">Redmi K60</p>
                                    <p class="phone-desc">骁龙8+｜2K 高光直屏｜5500mAh+67W闪充</p>
                                    <p class="phone-price">4999元起</p>
                                </a>
                            </li>
                            <li class="phone-iteam phone-iteam-buttom">
                                <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075">
                                    <img class="img-phone-right"
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/94c6497b70f2e881460cb232082a0da6.png?thumb=1&w=125&h=125&f=webp&q=90"
                                        alt="">
                                    <p class="phone-name">Redmi K60</p>
                                    <p class="phone-desc">骁龙8+｜2K 高光直屏｜5500mAh+67W闪充</p>
                                    <p class="phone-price">3999元起</p>
                                </a>
                            </li>
                            <li class="phone-iteam phone-iteam-buttom">
                                <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075">
                                    <img class="img-phone-right"
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=125&h=125&f=webp&q=90"
                                        alt="">
                                    <p class="phone-name">Redmi K60</p>
                                    <p class="phone-desc">骁龙8+｜2K 高光直屏｜5500mAh+67W闪充</p>
                                    <p class="phone-price">1199元起</p>
                                </a>
                            </li>
                            <li class="phone-iteam phone-iteam-buttom">
                                <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075">
                                    <img class="img-phone-right"
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262012_94dd4ca657adcebec0d11ea09dac8a03.png?thumb=1&w=125&h=125&f=webp&q=90"
                                        alt="">
                                    <p class="phone-name">Redmi K60</p>
                                    <p class="phone-desc">骁龙8+｜2K 高光直屏｜5500mAh+67W闪充</p>
                                    <p class="phone-price">1599元起 <span
                                            style="color: #b0b0b0;text-decoration: line-through;">1699元</span> </p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>

            </div>
            <!-- 智能穿戴部分 -->

            <div class="phone-presentation">
                <!-- 手机导航栏 -->
                <div class="phone-top-nav">
                    <h2 class="phone">智能穿戴</h2>
                    <ul class="tab">
                        <li class="tab-list">
                            穿戴
                        </li>
                        <li class="tab-list">
                            耳机
                        </li>
                    </ul>
                </div>

                <!-- 手机下部展示 -->
                <div class="phone-bottom-presentation">
                    <!-- 左侧手机展示 -->
                    <div class="phone-presentation-left">
                        <a class="K60fhone-presentation" href="https://www.mi.com/shop/buy?product_id=18075">

                            <img class="img-K60phone" src="./smart wearable/xiaomi WatchS2.webp" alt="">
                        </a>
                    </div>
                    <!-- 右侧手机展示 -->
                    <div class="phone-presentation-right">
                        <ul class="ul-phone-right">
                            <li class="phone-iteam">
                                <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075">
                                    <img class="img-phone-right" src="./smart wearable/Xiaomi Buds 4 Pr.webp" alt="">
                                    <p class="phone-name">Xiaomi Buds 4 Pro</p>
                                    <p class="phone-desc">40dB宽频主动降噪 | HiFi高保真音质 | HRTF专业调音</p>
                                    <p class="phone-price">999元 <span
                                            style="color: #b0b0b0;text-decoration: line-through;">1099元</span> </p>
                                </a>
                            </li>
                            <li class="phone-iteam">
                                <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075">
                                    <img class="img-phone-right" src="smart wearable/Xiaomi Buds 3 Pr0.webp" alt="">
                                    <p class="phone-name">Xiaomi Buds 3 Pro</p>
                                    <p class="phone-desc">40dB自适应降噪 ｜空间音频 ｜ HiFi高保真音质
                                    </p>
                                    <p class="phone-price">499元元起<span
                                            style="color: #b0b0b0;text-decoration: line-through;">699元</span></p>
                                </a>
                            </li>
                            <li class="phone-iteam">
                                <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075">
                                    <img class="img-phone-right" src="./smart wearable/Xiaomi Buds 3.webp" alt="">
                                    <p class="phone-name">Xiaomi Buds 3</p>
                                    <p class="phone-desc">40dB宽频主动降噪 | HiFi高保真音质 | HRTF专业调音</p>
                                    <p class="phone-price">319元<span
                                            style="color: #b0b0b0;text-decoration: line-through;">699元</span></p>
                                </a>
                            </li>
                            <li class="phone-iteam">
                                <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075">
                                    <img class="img-phone-right" src="./smart wearable/Xiaomi Buds 4 .webp" alt="">
                                    <p class="phone-name">Redmi Buds 4</p>
                                    <p class="phone-desc">35dB 智能主动降噪 | AI 通话降噪 | 30小时超长续航</p>
                                    <p class="phone-price">199元<span
                                            style="color: #b0b0b0;text-decoration: line-through;">229元</span></p>
                                </a>
                            </li>
                            <!-- 第二排展示手机 -->
                            <li class="phone-iteam phone-iteam-buttom">
                                <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075">
                                    <img class="img-phone-right" src="./smart wearable/Redmi Buds 3.webp" alt="">
                                    <p class="phone-name">Redmi Buds 3</p>
                                    <p class="phone-desc">轻巧半入耳 | 通话降噪 | 20小时长续航</p>
                                    <p class="phone-price">169元<span
                                            style="color: #b0b0b0;text-decoration: line-through;">199元
                                        </span></p>
                                </a>
                            </li>
                            <li class="phone-iteam phone-iteam-buttom">
                                <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075">
                                    <img class="img-phone-right" src="smart wearable/小米真无线蓝牙耳机Air2 SE.webp" alt="">
                                    <p class="phone-name">小米真无线蓝牙耳机Air2 SE</p>
                                    <p class="phone-desc">大尺寸动圈单元 | 20小时持久续航 | 双麦克风通话降噪</p>
                                    <p class="phone-price">109元<span
                                            style="color: #b0b0b0;text-decoration: line-through;">169元</span></p>
                                </a>
                            </li>
                            <li class="phone-iteam phone-iteam-buttom">
                                <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075">
                                    <img class="img-phone-right" src="smart wearable/骨传导.webp" alt="">
                                    <p class="phone-name">Xiaomi骨传导耳机</p>
                                    <p class="phone-desc">小米首款骨传导耳机</p>
                                    <p class="phone-price">699元<span
                                            style="color: #b0b0b0;text-decoration: line-through;">699元</span></p>
                                </a>
                            </li>
                            <li class="phone-iteam phone-iteam-buttom phone-iteam-tooth">
                                <a class="link-phone-right link-phone-tooth "
                                    href="https://www.mi.com/shop/buy?product_id=18075">
                                    <img class=" img-phone-tooth" src="smart wearable/小米降噪.webp" alt="">
                                    <p class="phone-tooth-name">小米降噪蓝牙耳机</p>
                                    <p class="phone-tooth-desc">Necklace</p>
                                    <p class="phone-tooth-price">499元起</p>
                                </a>
                            </li>
                            <li class="phone-iteam phone-iteam-buttom phone-iteam-tooth">
                                <a class="link-phone-right link-phone-tooth "
                                    href="https://www.mi.com/shop/buy?product_id=18075">
                                    <img class=" img-phone-toothmore" src="arr-right1.png" alt="">
                                    <p class="phone-tooth-name" style="size: 18px;">浏览更多</p>
                                    <p class="phone-tooth-price" style="color: #757575; font-size: 12px;">耳机</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>

            </div>






            <!-- 笔记本/平板部分 -->


            <div class="phone-presentation">
                <!-- 手机导航栏 -->
                <div class="phone-top-nav">
                    <h2 class="phone">笔记本|平板</h2>
                    <ul class="tab">
                        <li class="tab-list">
                            热门
                        </li>
                    </ul>
                </div>

                <!-- 手机下部展示 -->
                <div class="phone-bottom-presentation">
                    <!-- 左侧手机展示 -->
                    <div class="phone-presentation-left">
                        <a class="K60fhone-presentation" href="https://www.mi.com/shop/buy?product_id=18075">

                            <img class="img-K60phone" src="note book-img/Red mi G Pro.webp" alt="">
                        </a>
                    </div>
                    <!-- 右侧手机展示 -->
                    <div class="phone-presentation-right">
                        <ul class="ul-phone-right">
                            <li class="phone-iteam">
                                <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075">
                                    <img class="img-phone-right" src="note book-img/Redmi G 游戏本 2022.webp" alt="">
                                    <p class="phone-name">Redmi G 游戏本 2022</p>
                                    <p class="phone-desc">16英寸 2.5K 165Hz 电竞大屏</p>
                                    <p class="phone-price">7499元起</p>
                                </a>
                            </li>
                            <li class="phone-iteam">
                                <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075">
                                    <img class="img-phone-right" src="note book-img/小米笔记本Pro X 14.webp" alt="">
                                    <p class="phone-name">小米笔记本Pro X 14</p>
                                    <p class="phone-desc">高能旗舰 轻薄力作
                                    </p>
                                    <p class="phone-price">5999元<span
                                            style="color: #b0b0b0;text-decoration: line-through;">7999元</span></p>
                                </a>
                            </li>
                            <li class="phone-iteam">
                                <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075">
                                    <img class="img-phone-right" src="note book-img/Redmi Book Pro 14 2022.webp" alt="">
                                    <p class="phone-name">Redmi Book Pro 14 2022</p>
                                    <p class="phone-desc">全新12代英特尔处理器，2.5K 120Hz高清屏，可选MX550独立显卡,CNC一体精雕工艺</p>
                                    <p class="phone-price">5399元起</p>
                                </a>
                            </li>
                            <li class="phone-iteam">
                                <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075">
                                    <img class="img-phone-right" src="note book-img/RedmiBook Pro 15 2022 锐龙版.webp" alt="">
                                    <p class="phone-name">RedmiBook Pro 15 2022 锐龙版</p>
                                    <p class="phone-desc">可选全新锐龙7 6800H处理器，3.2K 90Hz高清屏，RTX 2050高性能独立显卡，CNC一体，精雕工艺</p>
                                    <p class="phone-price">5499元起</p>
                                </a>
                            </li>
                            <!-- 第二排展示手机 -->
                            <li class="phone-iteam phone-iteam-buttom">
                                <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075">
                                    <img class="img-phone-right" src="note book-img/Redmi Pad.webp" alt="">
                                    <p class="phone-name">Redmi Pad</p>
                                    <p class="phone-desc">入门平板，屏幕/外观/系统三大升级</p>
                                    <p class="phone-price">1149元起 <span
                                            style="color: #b0b0b0;text-decoration: line-through;">1299元
                                        </span></p>
                                </a>
                            </li>
                            <li class="phone-iteam phone-iteam-buttom">
                                <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075">
                                    <img class="img-phone-right" src="note book-img/小米平板5 Pro.webp" alt="">
                                    <p class="phone-name">小米平板5 Pro</p>
                                    <p class="phone-desc">骁龙870芯片 | 2.5K超高清｜120HZ高刷新率</p>
                                    <p class="phone-price">2099元起 <span
                                            style="color: #b0b0b0;text-decoration: line-through;">2499元</span></p>
                                </a>
                            </li>
                            <li class="phone-iteam phone-iteam-buttom">
                                <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075">
                                    <img class="img-phone-right" src="note book-img/小米平板5 Pro 12.4.webp" alt="">
                                    <p class="phone-name">小米平板5 Pro 12.4</p>
                                    <p class="phone-desc">12.4英寸超清大屏｜MIUI Pad 大屏定制系统｜骁龙870旗舰处理器｜10000mAh长续航</p>
                                    <p class="phone-price">2599元起  <span
                                            style="color: #b0b0b0;text-decoration: line-through;">2999元 </span></p>
                                </a>
                            </li>
                            <li class="phone-iteam phone-iteam-buttom phone-iteam-tooth">
                                <a class="link-phone-right link-phone-tooth "
                                    href="https://www.mi.com/shop/buy?product_id=18075">
                                    <img class=" img-phone-tooth" src="note book-img/小米平板5.webp" alt="">
                                    <p class="phone-tooth-name">小米平板5</p>
                                    <p class="phone-tooth-price">1799元起</p>
                                </a>
                            </li>
                            <li class="phone-iteam phone-iteam-buttom phone-iteam-tooth">
                                <a class="link-phone-right link-phone-tooth "
                                    href="https://www.mi.com/shop/buy?product_id=18075">
                                    <img class=" img-phone-toothmore" src="arr-right1.png" alt="">
                                    <p class="phone-tooth-name" style="size: 18px;">小米平板5</p>
                                    <p class="phone-tooth-price" style="color: #757575; font-size: 12px;">热门</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>

            </div>


        </div>
    </div>


</body>

</html>